﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Element</title>
    <script src="js/3rd/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="js/3rd/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script src="js/3rd/jquery.cookie.js" type="text/javascript"></script>
    <script src="js/3rd/ui.checkbox.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
    <script src="js/helper.js" type="text/javascript"></script>
    <script src="js/user.js" type="text/javascript"></script>
    <script src="js/elements.js" type="text/javascript"></script>
    <script src="js/hiddenScroll.js" type="text/javascript"></script>
    <script src="js/voting.js" type="text/javascript"></script>
    <script src="js/suggesting.js" type="text/javascript"></script>
    <script src="js/modes.js" type="text/javascript"></script>
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <link href="css/hiddenScroll.css" rel="stylesheet" type="text/css" />
    <link href="css/voting.css" rel="stylesheet" type="text/css" />
    <link href="css/hand.css" rel="stylesheet" type="text/css" />
    <link href="css/suggesting.css" rel="stylesheet" type="text/css" />
    <link href="css/3rd/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
    <link href="css/3rd/ui.checkbox.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="topBar">
        <div class="button" id="btnLogout">
            Logout</div>
    </div>
    <div id="tabs">
        <ul>
            <li><a href="#tab-hand">Hand</a></li>
            <li><a href="#tab-voting">Vote</a></li>
            <li><a href="#tab-suggesting">Create</a></li>
        </ul>
        <div id="tab-hand">
            <div id="hand" class="scrollable">
                <div id="elements">
                </div>
            </div>
            <div id="modes-position">
                <div id="modes-title" class="button"></div>
                <div id="modes" class="scrollable">
                </div>                
            </div>
        </div>
        <div id="tab-voting">
            <div id="voting" class="scrollable">
            </div>
        </div>
        <div id="tab-suggesting">
            <div id="suggesting" class="scrollable">
            </div>
        </div>
    </div>
    <div id="deck">
    </div>
</body>
</html>
